
<!--<body>-->
<div class="login-container">
  <!--电子邮箱认证成功-->
  <div class="registerS clearfix" >

<!--
    <form name="signup_form" novalidate="novalidate" ng-submit="vm.saveUserInfo()" class="registerC-r  form-horizontal formInfo" >
      <div class="succ-r-top clearfix">
        <div class="succ-r-top-title text-center padding-bottom-40">
          <h3>Hello,法律人</h3>
          <p class="g-rightP">请选择您的身份</p>
        </div>
        <ul class="registerC-r2">
          <li ng-class="{'active': vm.userInfo.userType == 1}" ng-click="vm.userInfo.userType = 1">
            <img src="img/register_03.png" alt="律师">
            <img src="img/register_19.png" alt="律师" class="g-registerIcon">
            <p>律师</p>
          </li>
          <li ng-class="{'active': vm.userInfo.userType == 3}" ng-click="vm.userInfo.userType = 3">
            <img src="img/register_05.png" alt="法学生">
            <img src="img/register_19.png" alt="法学生" class="g-registerIcon">
            <p>法学生</p>
          </li>
          <li ng-class="{'active': vm.userInfo.userType == 5}" ng-click="vm.userInfo.userType = 5">
            <img src="img/register_07.png" alt="法官">
            <img src="img/register_19.png" alt="法官" class="g-registerIcon">
            <p>法官</p>
          </li>
          <li ng-class="{'active': vm.userInfo.userType == 7}" ng-click="vm.userInfo.userType = 7">
            <img src="img/register_09.png" alt="法务">
            <img src="img/register_19.png" alt="法务" class="g-registerIcon">
            <p>法务</p>
          </li>
          <li ng-class="{'active': vm.userInfo.userType == 9}" ng-click="vm.userInfo.userType = 9">
            <img src="img/register_11.png" alt="其他">
            <img src="img/register_19.png" alt="其他" class="g-registerIcon">
            <p>其他</p>
          </li>
        </ul>
      </div>
      <div class="succ-r-bottom">
        <div class="login-boxIn infoBox">
          <div class="block clearfix mg20 mgl20">
            <div class="block input-icon input-icon-left">
            <span class="spanwith100px">真实姓名</span>
            <input class="form-control focusInput inlineBlock" type="text" placeholder="真实姓名" name="username" style="width:246px;" ng-model="userInfo.username"   ng-minlength="3" ng-maxlength="20" required>
            <button type="button" class="btn sex btn-show radioButon active-show inlineBlock w60 margin-left-10" ng-class="{'active-show': vm.userInfo.sex == 0}" ng-click="vm.userInfo.sex = 0">男</button>
            <button type="button" class="btn sex btn-show radioButon inlineBlock w60 margin-left-10" ng-class="{'active-show': vm.userInfo.sex != 0}" ng-click="vm.userInfo.sex = 1">女</button>
            <em class="error Required inlineBlock errorR" ng-show="signup_form.username.$dirty && signup_form.username.$invalid">
              <small class="error" ng-show="signup_form.username.$error.required">必填</small>
              <small class="error" ng-show="signup_form.username.$error.minlength">不能小于3个字符</small>
              <small class="error" ng-show="signup_form.username.$error.maxlength">不能大于20个字符</small>
            </em>
          </div>
        </div>

          <label class="block clearfix mg20 mgl20">
            <p class="block input-icon input-icon-left">
                <span class="spanwith100px">执业律所</span>
                <input type="text" class="inlineBlock form-control" style="width:400px;" name="lawfirm" ng-model="vm.lawfirmSelected" placeholder="请选择律所"
                 uib-typeahead="lawfirm as lawfirm.name for lawfirm in vm.getLawfirmList($viewValue)"
                 class="form-control" autocomplete="off" required>
               <em class="error Required inlineBlock errorR" ng-show="signup_form.lawfirm.$dirty && signup_form.lawfirm.$invalid">
                    <small class="error" ng-show="signup_form.lawfirm.$error.required">必填</small>
               </em>
        </p>
      </label>

      <label class="block clearfix mg20 mgl20">
        <div class="block input-icon input-icon-left">
           <span class="spanwith100px">入职年份</span>
          <div class="inlineBlock relativeDiv">
            <input class="form-control focusInput form_datetime inlineBlock" readonly="readonly" ng-model="vm.userInfo.entryyear" name="entryyear" type="text" style="width:400px;">
            <span class="dateSpan">年/月</span>
          </div>
          <em class="error Required inlineBlock errorR" ng-show="signup_form.entryyear.$dirty && signup_form.entryyear.$invalid">
            <small class="error" ng-show="signup_form.entryyear.$error.required">必填</small>
          </em>
        </div>
      </label>



      <label class="block clearfix mg20 mgl20">
        <p class="block input-icon input-icon-left">
          <span class="spanwith100px">执业证号</span>
          <input class="form-control focusInput inlineBlock" name="practiceNum" placeholder="请输入执业证号"  type="text" style="width:400px;" maxlength="11" ng-model="vm.userInfo.practiceNum" required ng-pattern="/^1(3|4|5|7|8)[0-9]\d{8}$/">
          <em class="error Required inlineBlock errorR" ng-show="signup_form.practiceNum.$dirty && signup_form.practiceNum.$invalid">
            <small class="error" ng-show="signup_form.practiceNum.$error.required">必填</small>
          </em>
        </p>
      </label>


      <label class="block clearfix mg20 mgl20">
        <p class="block input-icon input-icon-left">
          <span class="spanwith100px">手机号码</span>
          <input class="form-control focusInput inlineBlock"  name="phonenum" placeholder="请输入手机号" w5c-unique-check="{url: vm.checkCellPhoneExistUrl + '?cellPhone=' + vm.userInfo.cellphone}" type="text" style="width:400px;" maxlength="11" ng-model="vm.userInfo.cellphone" required ng-pattern="/^1(3|4|5|7|8)[0-9]\d{8}$/">
          <em class="error Required inlineBlock errorR" ng-show="signup_form.phonenum.$dirty && signup_form.phonenum.$invalid">
            <small class="error" ng-show="signup_form.phonenum.$error.required">必填</small>
          </em>
        </p>
      </label>

          <label class="block clearfix mg20 mgl20">
            <p class="block input-icon input-icon-left">
              <span class="spanwith100px">短信验证</span>
              <input class="form-control focusInput inlineBlock" name="msgcode" type="text" style="width:246px;" placeholder="请输入验证码" maxlength="6" ng-model="vm.userInfo.msgCode" required>
              <input type="button" class="btn btn-bg back inlineBlock margin-left-10" style="width:140px;" ng-disabled="vm.sendMessage.disable || !(completeInfo.phonenum.$touched && completeInfo.phonenum.$valid)"  ng-click="vm.sendCode()" id="getCode" value="{{vm.sendMessage.text}}" >

              <em class="error Required inlineBlock errorR" ng-show="signup_form.msgcode.$dirty && signup_form.msgcode.$invalid">
                <small class="error" ng-show="signup_form.msgcode.$error.required">必填</small>
              </em>
            </p>
        </label>
        <div class="g-btn-outer mgl20" style="padding-left:80px">
          <button type="submit" style="width: 405px" class="btn-block btn btn-bg"  >
            <span>保存，开启您的专属法悦</span>
          </button>
        </div>
      </div>
      </div>
    </form>
-->

    <form novalidate name="completeInfo" w5c-form-validate  class="registerC-r  w5c-form form-horizontal formInfo"  role="form">
      <div class="succ-r-top clearfix">
        <div class="succ-r-top-title text-center padding-bottom-40">
          <h3>Hello,法律人</h3>
          <p class="g-rightP">请选择您的身份</p>
        </div>
        <ul class="registerC-r2">
          <li ng-class="{'active': vm.userInfo.userType == 1}" ng-click="vm.userInfo.userType = 1">
            <img src="img/register_03.png" alt="律师">
            <img src="img/register_19.png" alt="律师" class="g-registerIcon">
            <p>律师</p>
          </li>
          <li ng-class="{'active': vm.userInfo.userType == 3}" ng-click="vm.userInfo.userType = 3">
            <img src="img/register_05.png" alt="法学生">
            <img src="img/register_19.png" alt="法学生" class="g-registerIcon">
            <p>法学生</p>
          </li>
          <li ng-class="{'active': vm.userInfo.userType == 5}" ng-click="vm.userInfo.userType = 5">
            <img src="img/register_07.png" alt="法官">
            <img src="img/register_19.png" alt="法官" class="g-registerIcon">
            <p>法官</p>
          </li>
          <li ng-class="{'active': vm.userInfo.userType == 7}" ng-click="vm.userInfo.userType = 7">
            <img src="img/register_09.png" alt="法务">
            <img src="img/register_19.png" alt="法务" class="g-registerIcon">
            <p>法务</p>
          </li>
          <li ng-class="{'active': vm.userInfo.userType == 9}" ng-click="vm.userInfo.userType = 9">
            <img src="img/register_11.png" alt="其他">
            <img src="img/register_19.png" alt="其他" class="g-registerIcon">
            <p>其他</p>
          </li>
        </ul>
      </div>
      <div class="succ-r-bottom">
        <div class="login-boxIn infoBox">

          <label class="block clearfix mg20 mgl20 num5">
              <p class="block input-icon input-icon-left clearfix">
                  <span class="spanwith100px">真实姓名</span>
                  <input class="form-control focusInput inlineBlock" type="text" placeholder="真实姓名" name="name" style="width:246px;" ng-model="vm.userInfo.username" maxlength="20" required>
                  <button type="button" class="btn sex btn-show radioButon active-show inlineBlock w60 margin-left-10" style="width:60px" ng-class="{'active-show': vm.userInfo.sex == 0}" ng-click="vm.userInfo.sex = 0">男</button>
                  <button type="button" class="btn sex btn-show radioButon inlineBlock w60 margin-left-10" style="width:60px" ng-class="{'active-show': vm.userInfo.sex != 0}" ng-click="vm.userInfo.sex = 1">女</button>
              </p>
          </label>

          <label class="block clearfix mg20 mgl20 lvs">
              <p class="block input-icon input-icon-left lsul">
                <span class="spanwith100px">执业律所</span>
                <input type="text" class="inlineBlock form-control" style="width:400px;" name="lawfirm" ng-model="vm.lawfirmSelected" placeholder="请选择律所"
                       uib-typeahead="lawfirm as lawfirm.name for lawfirm in vm.getLawfirmList($viewValue)"
                       class="form-control" autocomplete="off" required>
                <em class="Required errorR" style="display: none">* 请选择律所</em>
              </p>
          </label>

          <label class="block clearfix mg20 mgl20">
                <span class="block input-icon input-icon-left ">
                  <span class="spanwith100px">入职年份</span>
                  <div class="inlineBlock relativeDiv">
                    <input class="form-control focusInput form_datetime inlineBlock" readonly="readonly" ng-model="vm.userInfo.entryyear" name="entryyear" type="text" style="width:400px;">
                   <span class="dateSpan">年/月</span>
                  </div>
                  <!--
                  <div class="inlineBlock relativeDiv">
                    <input class="form-control focusInput form_datetime inlineBlock" readonly="readonly" ng-model="vm.userInfo.entryyear" name="entryyear" type="text" style="width:190px;">
                   <span class="dateSpan">年</span>
                  </div>
                  <div class="inlineBlock relativeDiv margin-left-20">
                    <input class="form-control focusInput form_datetime inlineBlock" readonly="readonly" ng-model="vm.userInfo.entryyear" name="entryyear" type="text" style="width:190px;">
                   <span class="dateSpan">月</span>
                  </div>
-->

                </span>

          </label>
          <label class="block clearfix mg20 mgl20">
            <p class="block input-icon input-icon-left">
              <span class="spanwith100px">执业证号</span>
              <input class="form-control focusInput inlineBlock" id="certificateno" name="certificateno" placeholder="请输入执业证号" type="text" style="width:400px;" maxlength="17" ng-model="vm.userInfo.certificateno" required ng-pattern="/^[0-9]{17}$/">
            </p>
          </label>
          <label class="block clearfix mg20 mgl20">
                <p class="block input-icon input-icon-left">
                  <span class="spanwith100px">手机号码</span>
                  <input class="form-control focusInput inlineBlock"  name="phonenum" placeholder="请输入手机号" w5c-unique-check="{url: vm.checkCellPhoneExistUrl + '?cellPhone=' + vm.userInfo.cellphone}" type="text" style="width:400px;" maxlength="11" ng-model="vm.userInfo.cellphone" required ng-pattern="/^1(3|4|5|7|8)[0-9]\d{8}$/">
                  <!--em class="Required errorR">* 请输入正确的手机号码</em-->
                </p>
          </label>
          <label class="block clearfix mg20 mgl20 num5">
                 <p class="block input-icon input-icon-left">
                    <span class="spanwith100px">短信验证</span>
                    <input class="form-control focusInput inlineBlock" name="msgcode" type="text" style="width:246px;" placeholder="请输入验证码" maxlength="6" ng-model="vm.userInfo.msgCode" required>
                    <input type="button" class="btn btn-bg back inlineBlock margin-left-10" style="width:140px;" ng-class="{'disableActive':!(completeInfo.phonenum.$valid)}" ng-disabled="vm.sendMessage.disable || !(completeInfo.phonenum.$valid)"  ng-click="vm.sendCode()" id="getCode" value="{{vm.sendMessage.text}}" >
                </p>
          </label>


<!--
          <div class="form-group" ng-show="completeInfo.$errors.length > 0">
            <div class="col-sm-2 control-label"></div>
            <div class="col-sm-10">
              <div class="alert alert-danger" style="margin-left: -30px; width:97%; margin-bottom: 10px;">
                <label class="block clearfix  mgl20" ng-repeat="error in completeInfo.$errors track by $index">
                  {{error}}
                </label>
              </div>
            </div>
          </div>
          <span class="tessfsfs"></span>-->

          <div class="g-btn-outer mgl20" style="padding-left:80px">
            <button type="button" style="width: 405px" class="btn-block btn btn-bg"  w5c-form-submit="vm.saveUserInfo()" >
              <span>保存，开启您的专属法悦</span>
            </button>
          </div>
        </div>
      </div>
    </form>

  </div>
</div>
<!--</body>-->
<script>

//  $(function($){
//      $('input').on('keydown',function(e){
//        var e = e || event;
//        var currKey = e.keyCode || e.which || e.charCode;//支持IE,FireFox
//        if (currKey == 13) {
//          return false;
//        }
//      })
//
//  });



</script>
